/**
 * 列表渲染
 * 【语法】：列表.map((item,index) => <标签 key={唯一值}>{item.循环数据}</标签>)
 */
let list = [
  { name: '张三', age: 20 },
  { name: "李四", age: 25 },
  { name: "王五", age: 29 },
  { name: "赵六", age: 33 },
  { name: "刘七", age: 40 }
]
function List() {
  return (
    <ul>
      {/* 渲染列表是需要将响应渲染的数据 return 出去、并且需要添加一个唯一的key*/}
      {list.map((item, index) => <li key={index}>{item.name}-{item.age}</li>)}
    </ul>
  )
}

export default List